src/routes/blog/[id=int]/+page.svelte


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

<script lang="ts">
  import { replaceState } from '$app/navigation';
  import { onMount, tick } from 'svelte';

  import type { PageProps } from './$types';
  import { resolve } from '$app/paths';
  import { page } from '$app/state';
  import { forceTrailingSlash } from '$/lib';
  import Post from '$/lib/blog/Post.svelte';

  let { data }: PageProps = $props();

  onMount(() => {
    tick().then(() =>
      replaceState(
        forceTrailingSlash(
          resolve('/blog/[id=int]-[slug]', {
            id: data.post.metadata.id.toString(),
            slug: data.post.metadata.slug,
          }),
        ),
        page.state,
      ),
    );
  });
</script>

<Post post={data.post} />